﻿@color333: #333333;
@color666: #666666;

.bk666 {
  background-color: @color666;
}

.secondary-nav {
  float: right !important;

  .dropdown-menu {
    right: 0;
  }
}

h4 {
  padding-bottom: 5px;
  border-bottom: 1px solid #333333;
}

pre {
  padding: 5px;
}

.nav-tabs,
.nav-pills {
  > li {
    padding-left: 3px;
    padding-right: 3px;
  }
}

.well {
  padding: 10px;
  background-color: #ADCDF7;
}

.nav {
  > li {
    a {
      &:hover,
      &:focus {
        background-color: #dddddd;
      }
    }
  }
}

.navbar-inner {
  filter: 0;
}

.navbar {
  .brand {
    margin-left: 0;
    color: #ffffff;
  }

  .nav > li > .dropdown-menu:after {
    border-bottom: 6px solid @color333;
  }
}

.navbar-fixed-top {
  left: 1%;
  right: 1%;
  width: 970px;
  margin: 0 auto;

  .navbar-inner {
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
  }
}

.navbar-inverse {
  .navbar-inner {
    filter: 0;
    border-color: @color666;
  }

  .nav {
    .active {
      > a {
        .bk666();

        &:focus,
        &:hover {
          .bk666();
        }
      }
    }

    li.dropdown.open,
    li.dropdown.active,
    li.dropdown.open.active {
      > .dropdown-toggle {
        .bk666();
      }
    }
  }
}

.dropdown-menu {
  background-color: @color333;
  color: #ffffff;
  margin: 5px 0 0;

  > li {
    > a {
      color: inherit;
    }
  }
}

.dropdown .caret {
  margin-left: 4px;
}

#actionMessage {
  top: 45px;
}

.documentation-affix {
  background-color: #1B1B1B;
  background-image: linear-gradient(to bottom, #111111, #222222);
  background-repeat: repeat-x;
  padding: 2px 10px;
}

.main {
  margin-top: 20px;
}

.table {
  margin-bottom: 5px;
}
